<!doctype html>
<html lang="en">
<html lang="zh">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>contact</title>

  <!-- Template CSS -->
  <link rel="stylesheet" href="assets/css/style-starter.css">

</head>

<body>
<!--header-->
<header id="site-header">
	<div class="container">
		<nav class="navbar navbar-expand-lg navbar-dark stroke p-0">
			<h1> <a class="navbar-brand" href="index.html"style="font-size:25px">
          <img src="assets/images/1.png" alt="HUST_logo" title="HUST_logo" style="max-width:90px;margin-left:-165px;" />
          华小科今天吃什么
				</a></h1>
			<!-- if logo is image enable this   
			<a class="navbar-brand" href="#index.html">
					<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
			</a> -->
			<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
				aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
				<span class="navbar-toggler-icon fa icon-close fa-times"></span>
				</span>
			</button>

			<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
				<ul class="navbar-nav mx-auto">
					<li class="nav-item active">
						<a class="nav-link" href="index.html">主页<span class="sr-only">(current)</span></a>
					</li>
				</ul>
					<!-- /search popup -->
				<a href="#domain" class="domain" data-toggle="modal" data-target="#DomainModal">
					<div class="hamburger1">
							<div></div>
							<div></div>
							<div></div>
						</div>
					</a>
		

      
			<!-- toggle switch for light and dark theme -->
			<div class="mobile-position">
				<nav class="navigation">
					<div class="theme-switch-wrapper">
						<label class="theme-switch" for="checkbox">
							<input type="checkbox" id="checkbox">
							<div class="mode-container">
								<i class="gg-sun"></i>
								<i class="gg-moon"></i>
							</div>
						</label>
					</div>
				</nav>
			</div>
			<!-- //toggle switch for light and dark theme -->
		</nav>
	</div>
</header>
<!--/header-->

<!-- Domain Modal -->
<!-- Domain Modal -->
<div class="modal right fade" id="DomainModal" tabindex="-1" role="dialog" aria-labelledby="DomainModalLabel2">
	<div class="modal-dialog" role="document">
		<div class="modal-content right-toggle-bg">

			<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

			<div class="modal-body">
				<div class="modal__content">
					<h2 class="logo"><a class="logo-brand" href="index.html">
							华小科今天吃什么
						</a></h2>
					<!-- if logo is image enable this   
		<h2 class="logo">
			<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
		</h2> -->
					<p class="mt-md-3 mt-2">今天中午吃什么呢.......</p>
					<div class="widget-menu-items mt-sm-5 mt-4">
						<h5 class="widget-title">目录</h5>
						<nav class="navbar p-0">
							<ul class="navbar-nav">
								<li class="nav-item active">
									<a class="nav-link" href="index.html">主页</a>
								</li>
                <li class="nav-item active">
									<a class="nav-link" href="contact.html">论坛</a>
								</li>
							</ul>
						</nav>
					</div>
					<div class="widget-social-icons mt-sm-5 mt-4">
						<h5 class="widget-title">联系方式</h5>
						<ul class="icon-rounded address">
							<li>
								<p> 中国 武汉 洪山区珞喻路1037号</p>
							</li>
							<li class="mt-3">
								<p><span class="fa fa-phone"></span> <a href="tel:+86 431431431">+86 431431431</a></p>
							</li>
							<li class="mt-2">
								<p><span class="fa fa-envelope"></span> <a href="mailto:yyds_431@gmail.com">publication@mail.com</a></p>
							</li>
						</ul>
					</div>
					<div class="widget-social-icons mt-sm-5 mt-4">
						<h5 class="widget-title">社交账户</h5>
						<ul class="icon-rounded">
							<li><a class="social-link wechat" href="https://www.bilibili.com/video/BV1uT4y1P7CX/" target="_blank"><i class="fa fa-weixin" aria-hidden="true"></i></a></li>
							<li><a class="social-link qq" href="https://www.bilibili.com/video/BV1uT4y1P7CX/" target="_blank"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
							<li><a class="social-link github" href="https://gitee.com/liu_hua_qiu/HUST2021-HuaXiaoKeWhatToEat" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- //modal-content -->
	</div>
	<!-- //modal-dialog -->
</div>
<!-- //Domain modal -->
<!-- about -->

<!-- subscribe form -->
<section class="w3l-breadcrumb py-5">
  <div class="container">
      <div class="header-section">
        <h3>今天吃什么</h3>
        <p></p>
      </div>
  </div>
</section>


<!-- //subscribe form -->
  <!-- footer-66 -->
  <footer class="w3l-footer">
    <section class="footer-inner-main">
      <div class="footer-hny-grids py-5">
        <div class="container py-lg-4">
          <div class="text-txt">
            <div class="right-side">
              <div class="row footer-about pb-5">
                <div class="col-lg-9 footer-links">
                  <div class="header-section">
                    <h3 class="mb-3">关于我们</h3>
                    <p class="pr-lg-5">奉李元元号召而至，鼠鼠巢的主人，大萝卜的忠诚信徒，香茵波客忠诚的拥趸，西十二的保护者，431的住客</p>
                  </div>
                  <div class="columns-2 mt-4">
                    <ul class="social">
                      <li><a href="https://www.bilibili.com/video/BV1uT4y1P7CX/"><span class="fa fa-facebook" aria-hidden="true"></span></a>
                      </li>
                      <li><a href="https://www.bilibili.com/video/BV1uT4y1P7CX/"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
                      </li>
                      <li><a href="https://www.bilibili.com/video/BV1uT4y1P7CX/"><span class="fa fa-twitter" aria-hidden="true"></span></a>
                      </li>
                      <li><a href="https://www.bilibili.com/video/BV1uT4y1P7CX/"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
                      </li>

                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
      <div class="below-section">
        <div class="container">
          <div class="copyright-footer">
            <div class="columns text-lg-left">
              <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://gitee.com/liu_hua_qiu/HUST2021-HuaXiaoKeWhatToEat">华小科今天吃什么</a></p>
            </div>
            <ul class="columns text-lg-right">
              <li><a href="https://www.bilibili.com/video/BV1uT4y1P7CX/">Privacy Policy</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- copyright -->
      <!-- move top -->
      <button onclick="topFunction()" id="movetop" title="Go to top">
        <span class="fa fa-arrow-up" aria-hidden="true"></span>
      </button>
      <script>
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () {
          scrollFunction()
        };

        function scrollFunction() {
          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("movetop").style.display = "block";
          } else {
            document.getElementById("movetop").style.display = "none";
          }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
          document.body.scrollTop = 0;
          document.documentElement.scrollTop = 0;
        }
      </script>
      <!-- /move top -->

    </section>
  </footer>
  <!--//footer-66 -->

  <!-- jQuery JS -->
  <!-- <script src="assets/js/jquery-3.4.1.slim.min.js"></script> -->
  <script src="assets/js/jquery-1.9.1.min.js"></script>


  <script src="assets/js/theme-change.js"></script>

  <!-- responsive tabs -->
  <script src="assets/js/easyResponsiveTabs.js"></script>

  <!--Plug-in Initialisation-->
  <script type="text/javascript">
    $(document).ready(function () {
      //Horizontal Tab
      $('#parentHorizontalTab').easyResponsiveTabs({
        type: 'default', //Types: default, vertical, accordion
        width: 'auto', //auto or any width like 600px
        fit: true, // 100% fit in a container
        tabidentify: 'hor_1', // The tab groups identifier
        activate: function (event) { // Callback function if tab is switched
          var $tab = $(this);
          var $info = $('#nested-tabInfo');
          var $name = $('span', $info);
          $name.text($tab.text());
          $info.show();
        }
      });
    });
  </script>
  <!-- Template JavaScript -->
  <script src="assets/js/owl.carousel.js"></script>
  <!-- script for banner slider-->
  <script>
    $(document).ready(function () {
      $('.owl-one').owlCarousel({
        loop: true,
        margin: 0,
        nav: false,
        responsiveClass: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplaySpeed: 1000,
        autoplayHoverPause: false,
        responsive: {
          0: {
            items: 1,
            nav: false
          },
          480: {
            items: 1,
            nav: false
          },
          667: {
            items: 1,
            nav: true
          },
          1000: {
            items: 1,
            nav: true
          }
        }
      })
    })
  </script>
  <!-- //script -->

  <!-- disable body scroll which navbar is in active -->
  <script>
    $(function () {
      $('.navbar-toggler').click(function () {
        $('body').toggleClass('noscroll');
      })
    });
  </script>
  <!-- disable body scroll which navbar is in active -->


  <!-- Bootstrap JS -->
  <script src="assets/js/bootstrap.min.js"></script>
  </body>

  </html>
